<!DOCTYPE html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .hide{
            display: none;
        }
    </style>
</head>
<body style="padding:20px;">

    <table class="table table-bordered">

        <tr>
            <th>姓名</th>
            <th>年级</th>
            <th class="hide">性别</th>
            <th>flag</th>
            <th>点赞数</th>
            <th>地址</th>
            <th>时间</th>
            <th>操作</th>
        </tr>
        @foreach($flags as $flag)
            <tr>
                <td>{{$flag->name}}</td>
                <td>{{$flag->grade}}</td>
                <td class="hide">{{$flag->sex}}</td>
                <td>{{$flag->flag}}</td>
                <td>{{$flag->zan_number}}</td>
                <td>{{$flag->address}}</td>
                <td>{{$flag->add_time}}</td>
                <td><a href="/www/didi/deleteFlag?flagId={{$flag->id}}" onclick="return confirm('确定删除吗');" class="btn btn-ms btn-danger">删除</a> </td>
            </tr>
        @endforeach
    </table>

    <style>
        .pagination a,.pagination span{
            width:30px;
            height:30px;
            text-align: center;
            line-height:30px;
            display: inline-block;
            background-color: #ccc;
            margin-left:2px;
        }

        .pagination span
        {
            background:#fff;
        }
    </style>
    <nav  aria-label="Page navigation">{!! $flags->links() !!}</nav>

</body>
</html>